<style lang='less' scoped>
.no-data{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.no-data__img{
    width: 180px;
    height: 80px;
}
</style>

<template>
    <div class="no-data flex-column-center">
        <img :src="url" class="no-data__img" mode="aspectFill"/>
        <p class="text-center text-sliver MT-20">{{content}}</p>
    </div>
</template>

<script>
export default {
    props: {
        content: {
            type: String,
            default: '抱歉，暂无搜索结果呢~'
        }
    },
    data() {
        return {
            url: require('@/assets/images/nodata.png')
        }
    },
    created() {

    },
    mounted() {

    },
    computed: {

    },
    watch: {

    },
    components: {

    },
    methods: {

    }
}
</script>